<?php
include_once('cont/cont.user.php');
include_once('cont/cont.anggota.php');

?>

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="shortcut icon" href="../../assets/ico/favicon.ico">

    <title>Database STAPALA</title>
    <link href="view/bt/css/bootstrap.min.css" rel="stylesheet">
    <link href="view/bt/css/sticky-footer-navbar.css" rel="stylesheet">
  </head>

  <body>

    <!-- Fixed navbar -->
    <div class="navbar navbar-default navbar-fixed-top" role="navigation">
      <div class="container">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="navbar-brand" href="#">STAPALA</a>
        </div>
        <div class="collapse navbar-collapse">
          <ul class="nav navbar-nav">
            <li class="active"><a href="#">Anggota</a></li>
            <li><a href="#about">Korwil</a></li>
            <li><a href="#contact">Contact</a></li>
            <li class="dropdown">
              <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
              <ul class="dropdown-menu">
                <li><a href="#">Action</a></li>
                <li><a href="#">Another action</a></li>
                <li><a href="#">Something else here</a></li>
                <li class="divider"></li>
                <li class="dropdown-header">Nav header</li>
                <li><a href="#">Separated link</a></li>
                <li><a href="#">One more separated link</a></li>
              </ul>
            </li>
          </ul>
        </div><!--/.nav-collapse -->
      </div>
    </div>

    <div class="container">
	<section id="intro">
    <div class="container">
	  <?php
			if($detail != NULL){
				foreach($detail as $col){
            ?>
      <hr>
			<div class="row">
				<h1>Data Detail</h1>
				
			<div class="col-lg-6 col-lg-offset-3">
				<div class="thumbnail">
				  <img data-src="holder.js/300x200" alt="...">
				  <div class="caption">
					<h3><?php echo $col[0];?></h3>
					<p><?php echo $col[1];echo "/SPA/";echo $col[2];?></p>
					<p><?php echo $col[4];?></p>					
					<p><?php $tgl_lahir= DateTime::createFromFormat('Y-m-d', $col[6]); echo $col[5]; echo", "; echo $tgl_lahir->format('d-m-Y');?></p>
					<p><?php echo $col[7];?></p>
					<p><?php echo $col[8];?></p>
					<p><?php echo $col[9];?></p>
					<p><?php echo $col[10]; echo", ";echo $col[11];?></p>
					<p><?php echo $col[12]; echo", ";echo $col[13];?></p>
					<p><?php echo $col[14];?></p>
					<p><?php echo $col[15];?></p>
					<p><?php echo $col[16];?></p>	
					<p><a href="www.facebook.com/<?php echo $col[17]; ?>"><?php echo $col[17]; ?></a></p>
					<p><a href="twitter.com/<?php echo $col[18]; ?>"><?php echo $col[18];?></a></p>
					<p><?php echo $col[19];?></p>
					<p><?php echo $col[20];?></p>
					<p><a href="ubah_spa.php?ubah&id=<?php echo $col[1]; ?>" class="btn btn-primary" role="button">Ubah</a></p>
				  </div>
				</div>
			  </div>				
			</div>
      <?php
                }
            }?> 
    </div>
	</section>
	</div>

    <div id="footer">
      <div class="container">
        <p class="text-muted">Place sticky footer content here.</p>
      </div>
    </div>
	
    <script src="view/bt/js/jquery.min.js"></script>
    <script src="view/bt/js/bootstrap.min.js"></script>
  </body>
</html>